thieuvan
member
ID 61762
07/09/2010
|
Cần gấpsự giúp đỡ
TV muốn post 2 tấm hình lên DĐ ( nằm hàng ngang cận kề nhau ) . Ai biết hướng dẫn TV với ! Cảm ơn nhiều lắm .
TV.
Alert webmaster - Báo webmaster bài viết vi phạm nội quy
|
|
tranduchoa340
member
REF: 550957
07/09/2010
|
Anh TV thử áp dụng cách dưới đây xem sao? Và nếu muốn xem thí dụ thì sang trang "Trang thử hình ảnh của TDH".
Dưới đây là 1 cách để đặt 2 tấm hình nằm ngang nhau:
1. Phải dùng HTML code table màu xanh dương (blue)
2. Phải có HTML code màu đỏ sắp hình cho bên trái là “align=left” và cho bên phải là “align=right”
3. Tải hai tấm hình lên trang web như trang Photobucket, TinyPic, Flickr, Tinypic, v.v.
4. Lấy 2 cái HTML Code của 2 tấm hình, thí dụ như là từ bên Photobucket (dùng cách ngắn gọn bằng Copy and Paste cái HTML Code ấy) xong rồi dán vào trong HTML code table như bên dưới đây:
Chúc anh thành công.
Trần Đức-Hoà
|
|
zuizuibuonbuon
member
REF: 550984
07/10/2010
|
Có phải muốn như thế này không bạn? Nếu đúng vậy thì đơn giản lắm, bạn post hai dãy mã của ảnh nối liền nhau. Dĩ nhiên là kích cở của cả hai ảnh phải vừa khung hiển thị của trang post.
|
|
thieuvan
member
REF: 551011
07/10/2010
|
TV cảm ơn bạn Trần Đức Hoà và bạn ZuiZui BuồnBuồn nhiều lắm ! Để TV tập làm xem có được không nhé .
|
|
ototot
member
REF: 551022
07/10/2010
|
@ bạn thieuvan và những ai muốn biết cách đăng hình theo hàng ngang:
Theo tôi, khi học thì nên nắm những nguyên tắc chứ không phải chỉ học thuộc lòng, hay sao chép những gì người ta có.
Vậy bây giờ, xin đăng trước tiên với 1 hình, rồi 2 hình nằm ngang, kế đó là 3, rồi 4...
Đây là 1 cái đơn độc:
Bây giờ 2 cái nằm ngang:
Đây là 3 cái nằm ngang:
Và đây là 4:
Để tôi chuẩn bị xong, sẽ giải thích và hướng dẫn.
Thân ái,
|
|
tranduchoa340
member
REF: 551031
07/10/2010
|
Thấy anh TV "cần gấp" cho nên TDH mới đưa ra một cách đó thôi!
Có Bác "trẻ" Ototot hướng dẫn thì khỏi chê rồi!
Trong khi chúng ta chờ đợi Bác giải thích và hương dẫn," TDH chỉ xin nhắc nhở, trước khi đăng 2, 3, 4...tấm hình ngang hàng hay hàng dọc thì đừng có quyên chỉnh kích thước/kích cỡ (picture size) của từng tấm hình trước khi đưa vào NCD. (Hình lớn quá sẽ làm cho cái trang chủ đề của bạn thấyquá lớn...hình càng lớn thì thời gian để hình hiện lên càng lâu)
TDH
|
|
zuizuibuonbuon
member
REF: 551038
07/10/2010
|
(Hình lớn quá sẽ làm cho cái trang chủ đề của bạn thấy quá lớn...hình càng lớn thì thời gian để hình hiện lên càng lâu)
TDH
----------------
Hu..hu... Bạn TDH nói đúng quá! Hiện nay NCD có cái phong trào post hình bự tổ chảng làm tràn cả màn hình. Đến đại sư phụ Ototot mà cũng post kiểu ấy nữa nên ZZBB rất ngạc nhiên cho cái "phong trào" này.
|
|
ototot
member
REF: 551056
07/10/2010
|
Tôi không đồng ý với zuizuibuonbuon khi gọi chuyện đăng hình "quá lớn" là một "phong trào"!
Thế nào là lớn? Và thế nào là "quá lớn"?
Theo tôi, chuyện "lớn nhỏ" chỉ là tương đối, và có liên quan trực tiếp đến độ phân giải (resolution) cuả màn hình (monitor) cuả mỗi người.
Tôi nghĩ ai chơi máy tính, đôi khi cũng phải tự mình đặt (setting) những độ phân giải khác nhau cho màn hình cuả mình.
Không tin, zzbb hãy thử kiểm tra lại máy cuả mình đi xem!
Làm như thế này: Click phải trên "desktop" rồi chọn "Properties", rồi chọn bià "Settings", thì sẽ thấy ngay độ phân giải đó là bao nhiêu.
zzbb sẽ đọc được những con số như:
- 1280 x 960 pixels
- 1152 x 864 pixels
- 800 x 600 pixels
- v.v... (số càng lớn là độ phân giải càng cao; càng nhỏ là độ phân giải càng thấp)
Bây giờ, nếu màn hình cuả zzbb là 800 x 600 pixels trong khi cuả tôi là 1280 x 768 pixels, thì zzbb sẽ thấy cái hình tôi đăng lên là quá lớn!
Vậy "quá lớn" ở đây là vì độ phân giải cuả máy cuả zzbb... "quá nhỏ"!
Ngược lại, máy cuả TĐH đặt "monitor" ở độ phân giải 1680 x 1050 pixels, vì anh này có cái "monitor" đắt tiền, xịn hơn, vì hay chơi hình ảnh, thì lại chê cái hình cuả tôi đăng là "quá nhỏ"!
Kết luận: Computer nào đặt độ phân giải cao cho "monitor", thì nhìn thấy chữ (text) và hình ảnh (graphics) nhỏ xíu, nhưng bù lại, rất sắc nét.
Ngược lại, độ phân giải để thấp, thì chữ và hình ảnh to đùng, nhưng lại rất mờ!
Thân ái,
Chú thích: Quả thực là lúc này các máy ảnh số càng ngày càng có độ phân giải cao hơn trước, như nhiều triệu pixel, hay nhiều megapixels (MP), hàng chục MP, nên người không rành tin học vô tình đăng những hình "quá lớn", chứ không phải mấy người đó cố ý đăng lớn!
Trong trường hợp này, ta nên thông cảm, vì đã có ông Admin ra tay làm nhỏ lại để không ảnh hưởng đến website NCD này!
|
|
tranduchoa340
member
REF: 551073
07/10/2010
|
Bác Ototot: "Ngược lại, máy cuả TĐH đặt "monitor" ở độ phân giải 1680 x 1050 pixels, vì anh này có cái "monitor" đắt tiền, xịn hơn, vì hay chơi hình ảnh, thì lại chê cái hình cuả tôi đăng là "quá nhỏ"!"
Tranduchoa340: Bác Ototot nói như thế thì Trần Đức-Hoà cảm thấy buồn lắm! Những gì TDH viết thì TDH xin chịu tất cả trách nhiệm. Ý tốt và lành ý thôi mà có lẽ là hiểu lầm nhau mất rồi! TDH không có phê bình, không có châm chọc, và cũng không có chê (không nịnh bợ, không về phe về phái) hình ảnh của Bác Ototot "quá nhỏ" hoặc của bất cứ một ai hết. Mong tất cả các bạn đọc kỹ lại TDH đã nói như thế này: "...TDH chỉ xin nhắc nhở, trước khi đăng 2, 3, 4...tấm hình ngang hàng hay hàng dọc thì đừng có quên chỉnh kích thước/kích cỡ (picture size) của từng tấm hình trước khi đưa vào NCD...." Còn dùng "monitor" lớn hay nhỏ, đắt tiền hay hay xịn gì đó xin miễn vì thấy không có đáng nói đến. (Nếu các bạn nghĩ thấy TDH nói/viết sai hoặc nếu bất đồng thì chúng ta có thể dùng thư điện "private mail" mà liên lạc với nhau, nhưng đừng có nặng lời thành mích lòng hay hiểu lầm nhau hơn.)
Cháu, Trần Đức-Hoà xin cám ơn những lời nhắn gởi của Bác Ototot và TDH luôn kính trọng Bác.
Vậy đi nhé! Cho Trần Đức-Hoà xin lỗi anh Thieuvan trước, và sau là mong không mích lòng nhau hay đụng chạm nhau.
Trần Đức-Hoà
|
|
ototot
member
REF: 551075
07/10/2010
|
Sao TĐH nhạy cảm quá vậy? Tôi chỉ muốn ví dụ cho dễ hiểu, rằng một máy có monitor ở độ phân giải cao hay thấp, thì cho người dùng nó một cảm nhận một hình ảnh lớn hay nhỏ. Đơn giản vậy thôi!
Nói thật, những người hồn nhiên như TĐH thì tôi rất mến, chứ không có ý chê trách gì đâu!
Thật tình, tôi có cái monitor 19 inch, và vẫn ao ước có cái lớn hơn, để có thể đặt độ phân giải cao hơn, mà hình ảnh vẫn đủ lớn và bài văn (chữ in) vẫn dễ đọc. Từ ngày mổ mắt (bằng tia laser), tôi đã không còn dùng được những kính đeo như ngày xưa nưã, nên cần có màn hình lớn hơn!
Cũng tò mò xin hỏi TĐH và luôn thể cả zzbb nưã, cái màn hình monitor cuả các bạn đường chéo đo được bao nhiêu inch, và đặt độ phân giải là bao nhiêu?
Tưởng cũng nên nói : Màn hình monitor có kích thước vật lý nhỏ (tính theo đường chéo bằng inch), mà đặt độ phân giải cao (chiều ngang trên 1000 pixels), thì chữ sẽ nhỏ li ti, khó đọc lắm.
Thân ái,
|
|
zuizuibuonbuon
member
REF: 551080
07/10/2010
|
Chào bác Ototot
Chuyện bác có đồng ý với ZZBB hay không ZZBB thì chuyện ngày nay NCD số lượng ảnh "bự tổ chảng" được post nhiều hơn so với trước đây là một sự thật (chắc ZZBB chẳng phải lục hết lại các topic cũ để dẫn chứng).
Tuy nhiên như bác nói:
ototot -REF: 551056 -Date:07/10/2010
Tôi không đồng ý với zuizuibuonbuon khi gọi chuyện đăng hình "quá lớn" là một "phong trào"!
Thế nào là lớn? Và thế nào là "quá lớn"?
Theo tôi, chuyện "lớn nhỏ" chỉ là tương đối, và có liên quan trực tiếp đến độ phân giải (resolution) cuả màn hình (monitor) cuả mỗi người.
Vâng, bác nói chí lý: chuyện "lớn nhỏ" chỉ là tương đối". Như vậy có thể trả lời câu hỏi "Thế nào là lớn? Và thế nào là "quá lớn"? của bác rằng:
- Căn cứ vào tính "tương đối" những hình ảnh đa phần được post trên các trang web mà người ta đánh giá "lớn", "quá lớn" hoặc "nhỏ". Nếu căn cứ vào độ phân giải màn hình "đắt tiền" với "rẽ tiền", "xịn" với "không xin" cũng là một cách đánh giá, nhưng chắc rằng đó là một đánh giá tuyệt đối bởi nó được dựa vào các thông số chuyên môn kỹ thuật.
Như vậy ZZBB hy vọng đó là lời đáp cho câu hỏi của bác Ototot.
Cám ơn bác đã quan tâm.
ZZBB
|
|
tranduchoa340
member
REF: 551081
07/10/2010
|
Con nói là buồn vậy chứ không mong gì được bằng Bác "phang" cho đôi dòng để mà học hỏi. (Nhất là lối viết Việt văn của Bác và các từ dịch từ tiếng Anh sang tiếng Việt)
Có lẽ vì hôm nay và tuần này nóng bỏng, nóng nảy đến chảy mỡ chảy mồ hôi gần hoặc hơn "100+ độ F" nên TDH mới bỗng thấy "nhạy cảm". Cái kiểu này nếu có bạn gái thì cũng bị người ta hờn dỗi hay "cho anh leo cây cuối tuần này luôn"....thì chết toi TDH sẽ không có bún bò hoặc phở tàu bay mà ăn. (TDH nói cho vui thôi)
Thiệt tình thì TDH chưa có mua máy tính lần nào hết. Cái máy notebook và cái touchscreen monitor đều là quà tốt nghiệp và tựu trường. (TDH dùng cả hai một lúc gọi là dual-monitor). Máy notebook với đường chéo diagonal: 15.4" và phân giải resolution: 1280 x 800; monitor có đường chéo: 23" và phân giải: 1680 x 1050.
Thường thì TDH dùng kích cỡ hình ảnh cho: Web-small hay cỡ nhỏ thì 448x336 pixels hoặc Web-large cỡ lớn thì 640x480px. Còn dùng cho document thông thường thì 800x600px.
Cầu chúc Bác sức khoẻ và an vui.
Trần Đức-Hoà
|
|
tranduchoa340
member
REF: 551082
07/10/2010
|
Có lẽ vì hôm nay và tuần này nóng bỏng, nóng nảy đến chảy mỡ chảy mồ hôi gần hoặc hơn "100+ độ F" nên TDH mới bỗng thấy "nhạy cảm". Cái kiểu này nếu có bạn gái thì cũng bị người ta hờn dỗi hay "cho anh leo cây cuối tuần này luôn"....thì chết toi TDH sẽ không có bún bò hoặc phở tàu bay mà ăn. (TDH nói cho vui thôi)
Thiệt tình thì TDH chưa có mua máy tính lần nào hết. Cái máy notebook và cái touchscreen monitor đều là quà tốt nghiệp và tựu trường. (TDH dùng cả hai một lúc gọi là dual-monitor). Máy notebook với đường chéo diagonal: 15.4" và phân giải resolution: 1280 x 800; monitor có đường chéo: 23" và phân giải: 1680 x 1050.
Thường thì TDH dùng kích cỡ hình ảnh cho: Web-small hay cỡ nhỏ thì 448x336 pixels hoặc Web-large cỡ lớn thì 640x480px. Còn dùng cho document thông thường thì 800x600px.
Cầu chúc Bác sức khoẻ và an vui.
Trần Đức-Hoà
|
|
thieuvan
member
REF: 551084
07/10/2010
|
TV cảm ơn Trần đức Hòa , Zuizui buồnBuồn , Bác OTOTOT nhiều lắm ! Nhớ ơn " suốt đời " luôn ! hihihi .
Bây giờ TV ngồi chờ bài hướng dẫn của Bác OTOTOT để học luôn .Cái anh HTML này TV còn mù mờ lắm !
|
|
ototot
member
REF: 551096
07/10/2010
|
Xin chờ tôi chút xíu, sẽ trở lại.
|
|
ototot
member
REF: 551098
07/10/2010
|
Chú thích: Tôi muốn thuyết minh cho rõ, nên dùng màu xanh để chép lại cái mã HTML và màu đỏ để thấy mình đánh thêm vào mã, chứ thực ra chỉ cần đánh màu đen là được.
|
|
thieuvan
member
REF: 551184
07/11/2010
|
Bài tập làm hình :
Hình Gốc:
Hình nhỏ hơn : 400px
Nhỏ hơn : 300px
Và nhỏ hơn nữa :
|
|
thieuvan
member
REF: 551186
07/11/2010
|
Bác OTOTOT ơi TV làm xong rồi . Tuyệt vời !!!
TV chờ Bác đó nhé !
|
|
ototot
member
REF: 551216
07/11/2010
|
Hoan hô bạn thieuvan cuả tôi, coi như từ nay đã nắm vững được ý muốn đăng hình theo kích cỡ (size) nào!
Và điều quan trông hơn nưã, là có một ý niệm thực tế về thế nào là pixel là một thuật ngữ cuả nhiếp ảnh số (digital photography).
Xin nói thêm, bản thân pixel không có kích thước là bao nhiêu cả, mà nó chỉ là một thành phần cuả một tấm hình, đúng như nguyên chữ cuả nó là picture element mà người ta đã viết tắt cho gọn là pixel.
Trong bài đăng kế tiếp, tôi sẽ trình bày về mã html để định vị (positioning) hình ảnh trên trang web nói chung, và diễn đàn Nhịp Câu Duyên nói riêng.
Tuy nhiên, bây giờ đang bận chút công việc, xin khất đến lúc thuận tiện hơn.
Trong khi chờ đợi, xin mời bà con xem ảnh vưà chụp cách đây nưả tiếng, một cảnh hơi lạ mắt và chụp ngay ở vườn sau nhà.
Tôi cũng lợi dụng để mời bà con xem và thấy nó hiển thị (display) như thế nào trên màn hình cuả bà con khi tôi đặt bề rộng (width) cuả cả hai hình là 800 pixels.
Trên đỉnh ... tình sầu???!!!
Bồng bồng cõng chồng đi chơi!
Thân ái chúc vui cuối tuần,
|
|
zuizuibuonbuon
member
REF: 551235
07/11/2010
|
Chào bác Ototot.
Hai tấm ảnh "Trên đỉnh ... tình sầu???!!!" bác cho dimension: width = 800 là đủ lớn (theo pc của ZZBB). Topic trước có tấm ảnh hướng dẫn bác cho dimension: width = 1022 nên máy ZZBB hiển thị tràn màn hình.
Cám ơn bác về tất cả. Chúc bác một tuần mới nhiều niềm vui.
ZZBB
|
|
ototot
member
REF: 551280
07/11/2010
|
Cám ơn zzbb đã phản hồi cho biết 800 pixels là "vưà phải" cho kích thước lớn nhất. Vậy tôi sẽ lấy đó làm chuẩn từ nay.
Bây giờ, mời các bạn xem các hình dưới đây, trước khi đi vào dẫn giải các "tag" (thẻ bài), tức là những cấu tố cuả một mã HTML. Trong HTML, những "tag" là những gì bỏ trong dấu < và >; đó là những "tag mở" (opening tag), còn "tag" có dấu < và / và > gọi là "tag đóng" (closing tag)
Đây là một hình, với bề rộng width=800:
Đây là 1 hình, với bề rộng 400 pixels:
Đây là 2 hình nằm ngang, mỗi hình rộng 400, và cách nhau 5 pixels. Vậy bề rộng tổng cộng sẽ là 400 pixels + 5 pixels + 400 pixels = 805 pixels.
Đây là 4 hình nằm ngang, mỗi hình 200 pixels, cách nhau 2 pixels. Vậy bề rộng tổng cộng là 200 + 2 + 200 + 2 + 200 + 2 +200 = 806 pixels.
Đây là 4 hình nằm ngang ở hàng trên, và 4 cái nưã cũng nằm ngang, mỗi hình cũng rộng 200 pixels, nhưng ở hàng dưới.
Như vậy, đây có thể coi như một bảng (table) gồm 4 cột (column) và 2 hàng (row). (Cột là nhìn theo chiều dọc, và hàng là theo chiều ngang)
Bây giờ tôi chạy một bảng khác, gồm 4 cột và 3 hàng:
Xin mời bà con quan sát trước khi tôi giải thích thêm.
Thân ái chúc vui đầu tuần
|
|
ototot
member
REF: 551307
07/11/2010
|
Đây là mã HTML cho 2 hình nằm ngang thành một hàng mà tôi đã soạn (compiled), trong đó mỗi hình rộng 400 pixels và cách nhau 5 pixels.
Chắc các bạn đã quan sát thấy các “tag” mở và xong là phải đóng lại. Các bạn cũng thấy cao nhất là table (bảng), kế đến là hàng (row) tượng trưng bằng tr, rồi sau cùng mới đến nội dung dữ kiện, ở đây là cái ảnh, tượng trưng bằng td.
Các bạn cũng sẽ quan sát có bao nhiêu lần td là bấy nhiêu cột, bấy nhiêu hình; có bao nhiêu lần tr là bấy nhiêu hàng; và cellspacing nằm trong tag table là khoảng cách giưã mỗi hình tính bằng pixels.
Kế tiếp, đây là mã HTML cho 4 hình nằm ngang thành một hàng, mỗi hình rộng 200 pixels, và mỗi hình cách nhau 2 pixels (Để ý các tag, thấy table có 1, tr có 1, và td có 4):
Và đây là mã cho 4 hình, nhưng lần này làm 2 hàng (Để ý table có 1, tr có 2, và td có 8):
Và sau cùng, đây là mã cho 4 hình, với 3 hàng (Cũng để ý tr có 3, và td có 12).
Ai có thắc mắc, xin cứ đặt câu hỏi.
Thân ái chúc vui đầu tuần cho những ai ủng hộ đội Tây Ban Nha trong World Cup 2010 ở Nam Phi, cũng như chia buồn với những ủng hộ viên cuả Hà Lan!
|
|
thieuvan
member
REF: 551525
07/12/2010
|
Tập làm 2 hình nằm ngang ...hỏng biết có được không đây !
Bác OTOTOT ơi TV làm sai ở chỗ nào vậy ? nó không nằm thẳng hàng .
|
|
ototot
member
REF: 551526
07/12/2010
|
Gần được rồi đấy, bạn TV ơi! Tôi đoán rằng TV đã sơ sót tạo ra thêm một khoảng cách (space)dư thưà, nên 2 hình mới so le như vậy.
Hãy thử làm lại một lần nưã, và làm thật cẩn thận
Dưới đây, cứ đánh mã HTML cuả bảng này, rồi copy mã cuả hính 1 và hình 2, mỗi cái rộng 300 pixel, rồi paste đúng vào nơi tôi vẽ 2 mũi tên.
Hãy làm lại và đăng lên lần nưã đi nhé.
Thân ái,
|
|
ototot
member
REF: 551528
07/12/2010
|
Tôi đảo hình sau 180 độ cho dễ thấy.
Thân ái,
|
|
vitbuocno
member
REF: 551547
07/12/2010
|
Cháu chào bác OT và các anh chị khác, cháu xin được thực tập với ạ.
|
|
vitbuocno
member
REF: 551552
07/12/2010
|
Bác OT ui, cháu làm được rùi bác ạ, cháu cảm ơn bác
|
|
vitbuocno
member
REF: 551553
07/12/2010
|
Cháu thử làm hai dòng xem thế nào ạ.
|
|
ototot
member
REF: 551555
07/12/2010
|
Bây giờ thử làm nưã, lần này không phải hình ảnh, mà là những ô có dòng kẻ, trong đó border=10, tức là đường viền dày 10 pixels.
Chủ Nhật | Thứ Hai | Thứ Ba | Thứ Tư | Thứ Năm | Thứ Sáu | Thứ Bảy |
|
|
vitbuocno
member
REF: 551579
07/12/2010
|
Hay quá nhỉ, cái ô có dòng kẻ này thì phải làm thế nào ạ, cháu chưa bít có gì bác bảo thêm ạ. Cháu cảm ơn bác.
|
|
thieuvan
member
REF: 551649
07/13/2010
|
TV chào BÁC OTOTOT cùng tất cả các bạn ! Hôm qua bận bịu quá !Để TV tập lại xem có được không .
Tuyệt vời ! TV làm được rồi !
Cảm ơn JD nhé . Vụ chớp chớp chắc là khó lắm ! Chúc bạn vui vẻ nhé !
TV .
|
1
|
Kí hiệu:
:
trang cá nhân :chủ
để đã đăng
:
gởi thư
:
thay đổi bài
:ý kiến |
|